<template>
  <div class="mreinfo">
    <Header-Comp title="商户信息" />
    <div class="container">
      <!-- <div class="mreinfo_result">
        <van-icon name="checked"
                  color="#4AB759"
                  size="60" />
        <span>恭喜您，商户已可正常交易</span>
      </div> -->
      <!-- <div class="mreinfo_result">
        <van-icon name="clock"
                  color="#FFB72F"
                  size="60" />
        <span>商户信息审核中</span>
      </div> -->
      <div class="mreinfo_result">
        <van-icon name="warning"
                  color="red"
                  size="60" />
        <span>商户信息审核中</span>
      </div>
      <div class="mreinfo_data">
        <h4>付惠-喜尔科技（深圳）有限公司</h4>
        <span>商户编号：1020133117</span>
      </div>

      <van-cell class="mreinfo_item"
                is-link
                to="/mreinfo/basicinfo">
        <template #title>
          <img width="20"
               src="../../assets/img/mreinfo_list_1.png"
               alt=""
               style="margin: 0px 5px -4px 0px;">
          <span class="custom-title">基本信息</span>
        </template>
      </van-cell>
      <van-cell class="mreinfo_item"
                is-link
                to="/mreinfo/corporateinfo">
        <template #title>
          <img width="20"
               src="../../assets/img/mreinfo_list_2.png"
               alt=""
               style="margin: 0px 5px -4px 0px;">
          <span class="custom-title">法人信息</span>
        </template>
      </van-cell>
      <van-cell class="mreinfo_item"
                is-link
                to="/mreinfo/settleinfo">
        <template #title>
          <img width="20"
               src="../../assets/img/mreinfo_list_3.png"
               alt=""
               style="margin: 0px 5px -4px 0px;">
          <span class="custom-title">结算信息</span>
        </template>
      </van-cell>
      <van-cell class="mreinfo_item"
                is-link
                to="/mreinfo/annexinfo">
        <template #title>
          <img width="20"
               src="../../assets/img/mreinfo_list_4.png"
               alt=""
               style="margin: 0px 5px -4px 0px;">
          <span class="custom-title">附件信息</span>
        </template>
      </van-cell>
      <van-cell class="mreinfo_item mreinfo_item_but"
                is-link
                to="/mreinfo/signupinfo">
        <template #title>
          <img width="20"
               src="../../assets/img/mreinfo_list_5.png"
               alt=""
               style="margin: 0px 5px -4px 0px;">
          <span class="custom-title">签约信息</span>
        </template>
      </van-cell>
      <van-cell class="mreinfo_item"
                is-link
                to="/mreinfo/modifyrecord">
        <template #title>
          <img width="20"
               src="../../assets/img/mreinfo_list_6.png"
               alt=""
               style="margin: 0px 5px -4px 0px;">
          <span class="custom-title">商户资料修改记录</span>
        </template>
      </van-cell>
    </div>
  </div>
</template>

<script>
// import { apiGetUser } from "@/api/user.js";
import { mapGetters, mapMutations } from "vuex";
export default {

  data () {
    return {
      token: ''
    };
  },
  components: {
    HeaderComp: () => import('@/components/HeaderComp')
  },
  computed: {
    // ...mapGetters(["user"])
  },

  mounted () {
    // this.getUser()
    // this.token = this.$store.state.user.avatar
    // console.log(this.$store.state.user.avatar,'$store.state.user.avatar')
  },
  methods: {
    async getUser () {
      await apiGetUser();
    },
    onInfo () {
      this.$store.state.user.user ? this.$router.push("./info") : this.toLogin();
    },
    toOrder () {
      if (this.$store.state.user.user) {
        this.setOrderStatus("paying");
        this.$router.push("./order");
      } else {
        this.toLogin();
      }
    },
    onAddress () {
      this.$store.state.user.user ? this.$router.push("./address") : this.toLogin();
    },
    toLogin () {
      this.$router.push("./login");
    },
    ...mapMutations({
      setOrderStatus: "SET_ORDERS_STATUS"
    })
  },
};
</script>

<style lang="less" scoped>
@import '../../../public/less/variable.less';
.mreinfo {
  background: #f9f9f9;
  // height: 100%;
  padding-bottom: 77px;
  .mreinfo_result {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0;
    span {
      font-size: 30px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #3d3d3d;
      display: block;
      margin-top: 40px;
    }
  }
  .mreinfo_data {
    background: #ffffff;
    font-size: 34px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffb72f;
    text-align: center;
    margin: auto 32px;
    box-shadow: 0px 0px 10px 0px rgb(34 34 34 / 10%);
    border-radius: 10px;
    padding: 40px 0px;
    margin-bottom: 26px;
    span {
      font-size: 30px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #131313;
      display: block;
      margin-top: 24px;
    }
  }
  .mreinfo_item {
    margin: auto 32px;
    width: 91%;
  }
  .mreinfo_item_but {
    margin-bottom: 26px;
  }
  .van-cell__right-icon {
    font-size: 22px;
  }
}
</style>
